.img-upload.list-box {
	font-family: PingFang SC;
	.list-item { 
		overflow: hidden;
		margin-bottom: 20rpx;
		background-color: #fff;
		border-radius: 14rpx;
		.list-title{
			position: relative;
			font-size: 30rpx; 
			font-weight: bold;
			line-height: 48rpx;   
			border-bottom: 1rpx solid $border-color-title;
			padding: 24rpx 30rpx 24rpx 46rpx;
			&::before{
				content: '';
				display: block;
				position: absolute;
				left:30rpx;
				top:35rpx;
				width: 6rpx;
				height: 26rpx;
				background: linear-gradient(0deg, $pri-color, $gradient-color2);
				border-radius: 3rpx;
			}
		}
	} 
	.material-item {
		.material-first-level {
			border-top: 1rpx solid $border-color;
		}
		.sub-materail-item {
			position: relative;
			&::after{
				content: '';
				position: absolute;
				bottom: 0rpx;
				left: 30rpx;
				height: 1rpx;
				background-color: $border-color;
				display: block;
				width: calc(100% - 60rpx);
			}
			&:last-child{
				&::after{
					display: none;
				}
			}
			.img-list {
				display: flex;
				flex-wrap: wrap;
				padding-left: 15rpx;
				margin-top: 30rpx;
				.upload-box {
					width: 190rpx;
					height: 190rpx;
					position: relative;
					margin: 0rpx 15rpx 30rpx;
					border: 2rpx dashed #CCCCCC;
					view{
						width: 100%;
						height: 100%;
					}
					&.empty {
						width: 189rpx;
						height: 189rpx;
						border: 2rpx dashed #CCCCCC;
						border-radius: 10rpx;
					}
					.upload-image {
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
					.close-image {
						width: 38rpx;
						height: 38rpx;
						position: absolute;
						top: -18rpx;
						right: -18rpx;
					}
					.add-image {
						width: 40rpx;
						height: 40rpx;
						position: relative;
						top: 75rpx;
						left: 75rpx;
					}
				}
			}
		}
	}
}
